<style lang="scss" scoped>
  @import '@/assets/css/variable';
  .info{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: $main-bgc;
    min-height: 100%;
    font-size: 1.2rem;
    overflow: auto;
    box-sizing: border-box;
    .line{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: white;
		padding: 0 1.6rem;
		height: 4.8rem;
		line-height: 4.8rem;
		border-bottom: 1px solid #f4f4f2;
	}
  }
</style>
<template>
  <div class="info" v-if="myInfo">
	  <div class="splitLine"></div>
    <div class="line">
		<span>头像</span>
		<van-image
		  round
		  width="40"
		  height="40"
		  :src="myInfo.avatar"
		/>
	</div>
	<div class="line">
		<span>用户名</span>
		<span>{{myInfo.nickname}} </span>
	</div>
	<div class="line">
		<span>我的身份</span>
		<span>{{myInfo.statusname}}</span>
	</div>
	<!-- <div class="line">
		<span>我的校区</span>
		<span>{{myInfo.campus_id}}</span>
	</div> -->
  </div>
</template>

<script>
export default {
  name: "info",
  components: {
    
  },
  data() {
    return {
      myInfo:''
    }
  },
  mounted () {
    this.myInfo = this.$store.state.myInfo
	if(!this.myInfo){
		this.$router.go(-1)
	}
	console.log('this.myInfo',this.myInfo)
  },
  methods: {
    
  }
};
</script>
